/* ============================================================
   LIVEN PRO Â· CSS global da LP
   Cole no editor CSS global do Zoho Landing Page
   ============================================================ */

/* â”€â”€ BASE â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
::selection{background:#E15829;color:#fff;}
@media(max-width:760px){.lp-hide-sm{display:none !important;}}

/* â”€â”€ FONTE PEGGS PRO: hospedada externamente (GitHub raw) â”€â”€â”€â”€ */
@font-face{
  font-family:'Peggs Pro Regular';
  src:url('https://raw.githubusercontent.com/rfleurys/liven-pro-assets/main/Peggs%20Pro%20Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Peggs Pro';
  src:url('https://raw.githubusercontent.com/rfleurys/liven-pro-assets/main/Peggs%20Pro%20Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* â”€â”€ FONTE BASE: Mulish em todo o body â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
body{font-family:'Mulish',sans-serif !important;}

/* â”€â”€ HEADINGS: Peggs Pro + cor correta â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
h1,h2,h3,h4,h5,h6{
  font-family:'Peggs Pro Regular','Peggs Pro',serif !important;
  color:#26221C !important;
  font-weight:400 !important;
}
span[style*='color:#E15829']{color:#E15829 !important;}
span[style*='color: #E15829']{color:#E15829 !important;}

/* â”€â”€ PARÃGRAFOS â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
p{
  font-family:'Mulish',sans-serif !important;
  color:#6B6357 !important;
}

/* RodapÃ©: texto claro sobre fundo escuro */
footer p{color:#F5F2EC !important;}

/* â”€â”€ FORM 1 Â· HTML Zoho Campaigns (#zcampaignOptinForm) â”€â”€â”€â”€ */

#zcampaignOptinForm input[type="text"],
#zcampaignOptinForm input[type="email"],
#zcampaignOptinForm select {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid #D8D1CA !important;
  border-radius: 4px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 15px !important;
  color: #26221C !important;
  background: #FDFBF8 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#zcampaignOptinForm input[type="text"]:focus,
#zcampaignOptinForm input[type="email"]:focus,
#zcampaignOptinForm select:focus {
  border-color: #E15829 !important;
  background: #ffffff !important;
}

#zcampaignOptinForm [name="SIGNUP_FORM_LABEL"] {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #26221C !important;
  font-family: 'Mulish', sans-serif !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#zcampaignOptinForm [name="SIGNUP_REQUIRED"] {
  color: #E15829 !important;
  font-weight: 700 !important;
}

#zcampaignOptinForm .zcsffield {
  margin-bottom: 14px !important;
}

#zcampaignOptinForm #REQUIRED_FIELD_TEXT {
  font-size: 12px !important;
  color: #9A9183 !important;
  margin-top: 6px !important;
}

#zcampaignOptinForm #errorMsgDiv {
  display: none !important;
}

#zcampaignOptinForm input[type="submit"],
#zcWebOptin {
  width: 100% !important;
  padding: 16px 28px !important;
  margin-top: 12px !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  background: #26221C !important;
  color: #ffffff !important;
  display: block !important;
  box-sizing: border-box !important;
}

#zcampaignOptinForm input[type="submit"]:hover,
#zcWebOptin:hover {
  background: #3D3830 !important;
}

/* â”€â”€ BotÃ£o do card Cadastro (lp-card-rec) â”€â”€ laranja â”€â”€â”€â”€â”€â”€ */
#lp-forms-wrap .lp-card-rec input[type="submit"] {
  background: #E15829 !important;
  color: #ffffff !important;
}

#lp-forms-wrap .lp-card-rec input[type="submit"]:hover {
  background: #C8481F !important;
}

#zcampaignOptinForm [id="imgBlock"],
#zcampaignOptinForm [id="SIGNUP_HEADING"],
#zcampaignOptinForm [id="SIGNUP_DESCRIPTION"] {
  display: none !important;
}

/* â”€â”€ FORM 2 Â· FormulÃ¡rio nativo Zoho Landing Page â”€â”€â”€â”€â”€â”€â”€â”€â”€
   Substitua WRAPPER_DO_FORM_NATIVO pelo id ou classe real
   quando tiver o resultado do Inspecionar
   â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.WRAPPER_DO_FORM_NATIVO input[type="text"],
.WRAPPER_DO_FORM_NATIVO input[type="email"],
.WRAPPER_DO_FORM_NATIVO input[type="tel"],
.WRAPPER_DO_FORM_NATIVO select {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid #D8D1CA !important;
  border-radius: 4px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 15px !important;
  color: #26221C !important;
  background: #FDFBF8 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.WRAPPER_DO_FORM_NATIVO input[type="text"]:focus,
.WRAPPER_DO_FORM_NATIVO input[type="email"]:focus,
.WRAPPER_DO_FORM_NATIVO input[type="tel"]:focus,
.WRAPPER_DO_FORM_NATIVO select:focus {
  border-color: #E15829 !important;
  background: #ffffff !important;
}

.WRAPPER_DO_FORM_NATIVO label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #26221C !important;
  font-family: 'Mulish', sans-serif !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.WRAPPER_DO_FORM_NATIVO input[type="submit"],
.WRAPPER_DO_FORM_NATIVO button[type="submit"] {
  width: 100% !important;
  padding: 16px 28px !important;
  margin-top: 12px !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  background: #E15829 !important;
  color: #ffffff !important;
  display: block !important;
  box-sizing: border-box !important;
}

.WRAPPER_DO_FORM_NATIVO input[type="submit"]:hover,
.WRAPPER_DO_FORM_NATIVO button[type="submit"]:hover {
  background: #C8481F !important;
}